body{
    background-color: black;
    text-align: left;
}
#goiB{
    background-color: green;
    width: 95%;
    height: 200px;
    margin: auto;
}
#goikoM{
    background-color: red;
    width: 95%;
    height: 200px;
    margin: auto;
}   
#zen{
    background-color: yellow;
    width: 95%;
    height: 400px;
    margin: auto;
}
#ezkerM{
    background-color: green;
    width: 30%;
    float: left;
    margin-left: 2%;
    height: 100px;
}
#egitura{
    background-color: blue;
    width: 50%;
    margin-left: 32%;
    height: 100px;
}
#azpikoZ{
    background-color: green;
    width: 95%;
    height: 200px;
    margin: auto;
}
#menu{
/*estilo de nuestra lista*/
background-color:#414141;
list-style:none;
width:auto;
position:relative;
display:block;
height:36px;
}
#menu li{
/*estilo a cada uno de los elementos(li) de nuestro menu*/
float:left;/* propiedad importante para que nuestro menu tome la forma horizontal*/
display:block;
position:relative;
}
#menu li a{
/*estilo de los enlaces */
color:#fff;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
line-height:1.3em;
padding:10px 14px 8px 16px;
display:block;
}
#menu li ul{
/*estilo de los submenus*/
width:120px;
background:#F8F8F8;
border:1px #ccc solid;
display:none; /*importante para que los submenus no estén visibles*/
position:absolute;
z-index:999;
margin-top:0px;
}
#menu li ul li{
/*estilo a cada uno de los elementos(li) de nuestro submenu*/
width:100%;
list-style:none;
display:block;
}
#menu li ul li a{
/*estilo a cada uno de los enlaces de nuestro submenu*/
color:#21759b;
font-size:14px;
line-height:1.3em;
display:block;
font-weight:normal;
padding:8px
}
#menu li ul li a:hover{
/*un poco de decoracion a los enlaces de nuestro submenu al estar el cursor sobre ellos con ayuda de el selector :hover */
background-color:#FFF;
color:#444;
text-decoration:underline;
}
#menu li:hover ul{
/*con este selector definimos que cuando el cursor este sobre un elemento(li) que contenga un elemento(ul) dentro le asigne la propiedad display:block; para que este a su vez pase de invisible a visible*/
display:block;
}